.category-box {
  width: 100%;
  height: 74px;
  padding: 30px 0px 20px 0px;
  box-sizing: border-box;
  .box {
    width: 1200px;
    height: 74px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    .item {
      width: 60px;
      height: 14px;
      text-align: left;
      color: #666666;
      margin-right: 30px;
      line-height: 14px;
      margin-bottom: 10px;
      &:not(:last-of-type) {
        border-right: 1px solid #cccccc;
      }
      span {
        height: 14px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        cursor: pointer;
      }
    }
    .active-item {
      width: 60px;
      height: 14px;
      text-align: left;
      color: #3ca7fa;
      margin-right: 30px;
      line-height: 14px;
      margin-bottom: 10px;
      &:not(:last-of-type) {
        border-right: 1px solid #cccccc;
      }
      span {
        height: 14px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        cursor: pointer;
      }
    }
  }
}
